<template>
	<view class="enroll_">
		<view class="u-flex u-flex-items-center">
			<up-avatar mode="aspectFill" :size="48" :src="info.user.avatar"></up-avatar>
			<view class="u-m-l-20">
				<view class="f-w-b f-s-14 ">{{info.user.nickName}}</view>
				<view class="sub-title u-m-t-8" v-if="info.signAt">签到时间：{{ info.signAt }}</view>
				<view class="sub-title u-m-t-8" v-else>报名时间：{{ info.createAt }}</view>
			</view>
		</view>
		<view class="sub-title ">
			<text  v-if="info.status == 'None'">未签到</text>
			<text class="u-success" v-else>已签到</text>
		</view>
	</view>
</template>

<script setup>
	import {
		defineProps
	} from 'vue';

	const props = defineProps({
		info: Object
	})
</script>

<style lang="scss">
	.enroll_ {
		background-color: #fff;
		border-radius: 8px;
		padding: 12px 16px ;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
</style>